<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>过滤器选择器</title>
</head>
<body>
    <div>div1</div>
    <div id="div2">div2</div>
    <div>div3</div>
    <div>div4</div>
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    // 1.首元素选择器	$("A:first");
   /* let div1 = $("div:first");
    alert(div1.html());*/

    // 2.尾元素选择器	$("A:last");
   /* let div4 = $("div:last");
    alert(div4.html());*/

    // 3.非元素选择器	$("A:not(B)");
    /*let divs1 = $("div:not(#div2)");
    for(let i = 0 ; i< divs1.length;i++)
    alert(divs1[i].innerHTML)*/

    // 4.偶数选择器	    $("A:even");
    let divs2= $("div:even")
    for(let i = 0 ; i < divs2.length ; i ++)
        alert(divs2[i].innerHTML)

    // 5.奇数选择器	    $("A:odd");
    let divs3= $("div:odd")
    for(let i = 0 ; i < divs3.length ; i ++)
        alert(divs3[i].innerHTML)

    // 6.等于索引选择器	 $("A:eq(index)");
    let divs4= $("div:eq(2)")
    for(let i = 0 ; i < divs4.length ; i ++)
        alert(divs4[i].innerHTML)

    // 7.大于索引选择器	 $("A:gt(index)");
    let divs5= $("div:gt(2)")
    for(let i = 0 ; i < divs5.length ; i ++)
        alert(divs5[i].innerHTML)


    // 8.小于索引选择器	 $("A:lt(index)");
    let divs6= $("div:lt(2)")
    for(let i = 0 ; i < divs6.length ; i ++)
        alert(divs6[i].innerHTML)
    
</script>
</html>